<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>利用vertical-align实现图片文字垂直居中对齐</title>
    <style>
        img {
            /* 1：基线对齐 也是默认值 */
            /* vertical-align: baseline; */
            /*:2：中线对齐，图片文字垂直居中 实际开发常用的 */
            /* vertical-align: middle; */
            /* 3:顶线对齐 */
            vertical-align: top;
            /* 4:底线对齐 */
            /* vertical-align: bottom; */
        }
        textarea {
            vertical-align: middle;
        }
    </style>
</head>
<body>
<!-- <img src="images/ldh.jpg" alt="">这是我这是我这是我 -->
<textarea name="" id="" cols="30" rows="10"></textarea>刘亦刘亦刘亦刘亦刘亦菲
</body>
</html>